<template>
  <!-- <div
    class="header-container"
    :style="{ color: color, backgroundColor: bgcolor, fontSize: fsize + 'px' }"
  > -->
  <van-nav-bar :title="title">
    <template #left>
      <van-icon name="location-o" size="18" />
    </template>
    <template #right>
      <van-icon name="chat-o" size="18" />
    </template>
  </van-nav-bar>
  <!-- </div> -->
</template>

<script>
export default {
  name: "JdHeader",
  props: {
    title: {
      type: String,
      default: "es-header",
    },
    bgcolor: {
      type: String,
      default: "#007BFF",
    },
    color: {
      type: String,
      default: "#ffffff",
    },
    fsize: {
      type: Number,
      default: 16,
    },
  },
};
</script>

<style lang="less" scoped>
// .header-container {
//   height: 45px;
//   line-height: 45px;
//   text-align: center;
//   position: fixed;
//   top: 0;
//   left: 0;
//   width: 100%;
//   z-index: 999;
// }
</style>